<!DOCTYPE html>
<html lang="en">

    {% block head %}
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>
        {% block title %} base {% endblock %}
        </title><!-- Css (necessary Css) -->


        <link href="../static/assets/css/bootstrap.min.css" rel="stylesheet">
        <link href="../static/assets/css/bootstrap-theme.css" rel="stylesheet">
        <link href="../static/assets/css/language-selector-remove-able-css.css" rel="stylesheet">
        <link href="../static/assets/css/flexslider.css" rel="stylesheet">
        <link href="../static/style.css" rel="stylesheet">
        <link href="../static/plugin.css" rel="stylesheet">
        <link href="../static/assets/css/menu.css" rel="stylesheet">
        <link href="../static/assets/css/responsive.css" rel="stylesheet">
        <link href="../static/assets/css/color.css" rel="stylesheet">
        <link href="../static/assets/css/iconmoon.css" rel="stylesheet">
        <link href="../static/assets/css/themetypo.css" rel="stylesheet">
        <link href="../static/assets/css/widget.css" rel="stylesheet"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --><!-- WARNING: Respond.js doesn't work if you view the page via file:// --><!--[if lt IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script><script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
    </head>
    {% endblock %}

    <body>
    {% block body %}
        <div class="wrapper">
        {% for message in get_flashed_messages() %}
                <strong>{{ message }}</strong>
        {% endfor %}


            <!-- Header -->
            {% block header %}
            <header id="main-header">
                <div class="container">
                    <div class="main-head">
                        <div class="left-side">
                            <div class="logo">
                                <a href="/"><img src="../static/assets/images/logo.png" alt=""></a>
                            </div>
                            <nav class="navigation">
                                <ul>
                                    <li>
                                        <a href="/">首页</a>
                                    </li>
{#                                    后续功能#}
{#                                    <li>#}
{#                                        <a href="creators.html">发布者</a>#}
{#                                    </li>#}
{#                                    <li>#}
{#                                        <a href="supporters.html">支持者</a>#}
{#                                    </li>#}
                                    <li>
                                        <a href="#">FAQ's</a>
                                    </li>
                                    <li>
                                        <a href="#">新闻</a>
                                        <ul class="sub-dropdown">
                                            <li>
                                                <a href="bloglrag.html">新消息</a>
                                            </li>
                                            <li>
                                                <a href="blogmedium.html">公告</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="right-side">
                            <div class="cs-search-block">
                                <form action="{{ url_for('user.search_functions') }}" method="post">
                                    <input type="text" id="s" name="function_title_key" value="Search Project" onfocus="if(this.value =='Search Project') { this.value = ''; }" onblur="if(this.value == '') { this.value ='Search Project'; }" class="form-control"><label><input type="submit" value="Search"></label>
                                </form>
                            </div>
{#                            <div class="cs-search-block">#}
{#                                <form>#}
{#                                    <input type="text" id="s" name="s" value="时间搜索" onfocus="if(this.value =='Search Project') { this.value = ''; }" onblur="if(this.value == '') { this.value ='Search Project'; }" class="form-control"><label><input type="submit" value="Search"></label>#}
{#                                </form>#}
{#                            </div>#}
                            <div class="profile-view">
                                <ul>
                                    <li>
                                        <img alt="#" src="../static/assets/images/user-image.png"><i class="icon-arrow-down8"></i>
                                        <div class="dropdown-area">

                                            {% if user_name %}
                                                <h5>
                                                    <a href="{{ url_for('user.user_center') }}">{{ user_name }}</a>
                                                </h5><span>-----------------------</span>
                                                <ul class="dropdown">
                                                    <li>
                                                        <a href="{{ url_for('user.user_center') }}"><i class="icon-flag5"></i>我的项目</a>
                                                    </li>
                                                    <li>
                                                        <a href="{{ url_for('user.my_comments') }}"><i class="icon-comment"></i>我的评论</a>
                                                    </li>
                                                    <li>
                                                        <a href="{{ url_for('user.my_donations') }}"><i class="icon-money"></i>我的打赏</a>
                                                    </li>
                                                    <li>
                                                        <a href="{{ url_for('user.my_collections') }}"><i class="icon-ticket6"></i>我的收藏</a>
                                                    </li>
                                                    <li>
                                                        <a href="{{ url_for('user.add_function') }}"><i class="icon-plus6"></i>创建新项目</a>
                                                    </li>
                                                    <li>
                                                        <a href="{{ url_for('user.user_center') }}"><i class="icon-profile-male"></i>个人资料设置</a>
                                                    </li>
                                                </ul><a class="sign-btn" href="{{ url_for("user.user_logout") }}"><i class="icon-logout"></i>登出</a>
                                            {% elif admin_name %}
                                                <ul class="dropdown">
                                                <li><a href="{{ url_for('admin.admin_center') }}">欢迎 {{ admin_name }}</a></li>
                                                <li><a href="{{ url_for('admin.admin_logout') }}">管理员注销</a></li>
                                                </ul>
                                            {% else %}
                                                <ul class="dropdown">
                                                    <li>
                                                        <a href="{{ url_for('user.user_logging') }}"><i class="icon-flag5"></i>登录</a>
                                                    </li>
                                                    <li>
                                                        <a href="{{ url_for('user.user_registering') }}"><i class="icon-plus6"></i>注册</a>
                                                    </li>
                                                </ul>
                                            {% endif %}
                                        </div>
                                    </li>
                                </ul>
                            </div><a href="{{ url_for('user.add_function') }}" class="free-btn">建立您的项目</a>
                        </div>
                    </div>
                    <div class="mob-nav"></div>
                </div>
            </header><!-- Header -->
            {% endblock %}

            <div class="cs-banner">
                <div class="flexslider">
                    <ul class="slides">
                        <li>
                            <figure>
                                <img src="../static/assets/extra-images/banner.jpg" alt="#">
                                <figcaption>
                                    <div class="text">
                                        <h2>
                                            随时随地探索项目！
                                        </h2>
                                        <div class="spreator5"></div><span>为他们关心的事业捐款，创意的实现需要发起人和支持者共同努力<br>
                                        </span><a href="#" class="explore-btn cs-bgcolor">探索活动</a>
                                    </div>
                                </figcaption>
                            </figure>
                        </li>
                        <li>
                            <figure>
                                <img src="../static/assets/extra-images/banner.jpg" alt="#">
                                <figcaption>
                                    <div class="text">
                                        <h2>
                                            随时随地探索项目！
                                        </h2>
                                        <div class="spreator5"></div><span>为他们关心的事业捐款，创意的实现需要发起人和支持者共同努力<br>
                                        </span><a href="#" class="explore-btn cs-bgcolor">探索活动</a>
                                    </div>
                                </figcaption>
                            </figure>
                        </li>
                    </ul>
                </div>
            </div><!-- Main Content -->
            <main id="main-content">
                <div class="main-section">
                    <div class="page-section">
                        <div class="container">
                            <div class="row">
                                <div class="section-fullwidth col-lg-12">
                                    <div class="cs-content-holder">
                                        <div class="row">
                                            <div class="col-lg-4 col-md-4 col-sm-6">
                                                <article class="cs-services modren top-center">
                                                    <figure>
                                                        <img src="../static/assets/extra-images/ico-services1.png" alt="">
                                                    </figure>
                                                    <div class="text">
                                                        <h2>
                                                            第一步、创建您的页面
                                                        </h2>
                                                        <!-- <p>
                                                            So sarcastically strung dazedly crab dear good-ness exuberant lightly fish so hey underneath to excluding apt burst walked gosh pugnaciously hello onto ouch lantern.
                                                        </p><a href="#" class="read-more">Read More</a> -->
                                                    </div>
                                                </article>
                                            </div>
                                            <div class="col-lg-4 col-md-4 col-sm-6">
                                                <article class="cs-services modren top-center">
                                                    <figure>
                                                        <img src="../static/assets/extra-images/ico-services2.png" alt="">
                                                    </figure>
                                                    <div class="text">
                                                        <h2>
                                                            第二步、分享你的故事
                                                        </h2>
                                                        <!-- <p>
                                                            So sarcastically strung dazedly crab dear good-ness exuberant lightly fish so hey underneath to excluding apt burst walked gosh pugnaciously hello onto ouch lantern.
                                                        </p><a href="#" class="read-more">Read More</a> -->
                                                    </div>
                                                </article>
                                            </div>
                                            <div class="col-lg-4 col-md-4 col-sm-6">
                                                <article class="cs-services modren top-center">
                                                    <figure>
                                                        <img src="../static/assets/extra-images/ico-services3.png" alt="">
                                                    </figure>
                                                    <div class="text">
                                                        <h2>
                                                            第三步、筹集资金
                                                        </h2>
                                                        <!-- <p>
                                                            So sarcastically strung dazedly crab dear good-ness exuberant lightly fish so hey underneath to excluding apt burst walked gosh pugnaciously hello onto ouch lantern.
                                                        </p><a href="#" class="read-more">Read More</a> -->
                                                    </div>
                                                </article>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="page-section">
                        <div class="container">
                            <div class="row">
                                <div class="section-fullwidth col-lg-12">
                                    <div class="cs-content-holder">
                                        <div class="row">
                                            <aside class="page-sidebar col-lg-3">
                                                <div class="widget cs_directory_categories">
                                                    <div class="widget-section-title">
                                                        <h4>
                                                            <i class="icon-globe4"></i>15 种多样的类别
                                                        </h4>
                                                    </div>
                                                    <ul class="menu">
                                                        {% if function_type %}
                                                            <li>
                                                                当前类型：{{ function_type }}
                                                            </li>
                                                        {% endif %}
                                                        <li>
                                                            <a href="/search_type/Art"><i class="icon-user9 cscolor"></i>Art</a><span>233</span>
                                                        </li>
                                                        <li>
                                                            <a href="/search_type/Comics"><i class="icon-heart11 cscolor"></i>Comics</a><span>258</span>
                                                        </li>
                                                        <li>
                                                            <a href="/search_type/Craft"><i class="icon-brush2 cscolor"></i>Craft</a><span>89</span>
                                                        </li>
                                                        <li>
                                                            <a href="/search_type/Dance/"><i class="icon-circle-thin cscolor"></i>Dance</a><span>1879</span>
                                                        </li>
                                                        <li>
                                                            <a href="/search_type/Design"><i class="icon-key7 cscolor"></i>Design</a><span>55</span>
                                                        </li>
                                                        <li>
                                                            <a href="/search_type/Fashion"><i class="icon-sun4 cscolor"></i>Fashion</a><span>12</span>
                                                        </li>
                                                        <li>
                                                            <a href="/search_type/Film & Video"><i class="icon-light-bulb cscolor"></i>Film & Video</a><span>8</span>
                                                        </li>
                                                        <li>
                                                            <a href="/search_type/Food"><i class="icon-clipboard6 cscolor"></i>Food</a><span>10</span>
                                                        </li>
                                                        <li>
                                                            <a href="/search_type/Games"><i class="icon-archive2 cscolor"></i>Games</a><span>56</span>
                                                        </li>
                                                        <li>
                                                            <a href="/search_type/Journalism"><i class="icon-pie2 cscolor"></i>Journalism</a><span>233</span>
                                                        </li>
                                                        <li>
                                                            <a href="/search_type/Music"><i class="icon-lock6 cscolor"></i>Music</a><span>258</span>
                                                        </li>
                                                        <li>
                                                            <a href="/search_type/Photography"><i class="icon-upload10 cscolor"></i>Photography</a><span>1879</span>
                                                        </li>
                                                        <li>
                                                            <a href="/search_type/Publishing"><i class="icon-archive3 cscolor"></i>Publishing</a><span>55</span>
                                                        </li>
                                                        <li>
                                                            <a href="/search_type/Technology"><i class="icon-sound4 cscolor"></i>Technology</a><span>89</span>
                                                        </li>
                                                        <li>
                                                            <a href="/search_type/Theatre"><i class="icon-evernote cscolor"></i>Theatre</a><span>13</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="widget cs_directory_categories">
                                                    <div class="widget-section-title">
                                                        <h4>
                                                            <i class="icon-globe4"></i>时间检索
                                                        </h4>
                                                        <form action="{{ url_for('user.search_time') }}"  method="post">
                                                            <input type="date" name="search_date" id="datetime">
                                                            <p name="accept" style="font-size: 2px;color: #6f7c8e;margin-top: 5px;margin-left: 2px">
                                                                当前选择时间：{{ search_date}}</p>
                                                            <input type="submit" value="提交" style="margin-top: 50px" class="cs-btn">
                                                            <!--提示-->
                                                            <br>
                                                            <br>
                                                            {% with messages = get_flashed_messages() %}
                                                                {% if messages %}
                                                                    {% for message in messages %}
                                                                        <strong>{{ message }}</strong>
                                                                    {% endfor %}
                                                                {% endif %}
                                                            {% endwith %}
                                                        </form>
                                                    </div>

{#                                                    <ul class="menu">#}
{#                                                        <form>#}
{#                                                            <input type="text" id="s" name="s" value="时间搜索" onfocus="if(this.value =='Search Project') { this.value = ''; }" onblur="if(this.value == '') { this.value ='Search Project'; }" class="form-control"><label><input type="submit" value="Search"></label>#}
{#                                                        </form>#}
{#                                                    </ul>#}
{#                                                    广告位#}
{#                                                <div class="widget widget_advertisment">#}
{#                                                    <img src="../static/assets/extra-images/adv2.jpg" alt="">#}
{#                                                    <img src="../static/assets/extra-images/adv2.jpg" alt="">#}
                                                </div>
                                            </aside>
                                            <div class="page-content col-lg-9">
                                                <div class="listing_grid">
                                                    {% block row %}
                                                        {% endblock %}
                                                    {% block page_size %}
													<form action="#" method="post">
{#														<input type="button" value="上一页" name="last page" />#}
														<input type="button" value="加载更多" name="next page" class="center-block"/>
													</form>
                                                    {% endblock %}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>



                    {% block register %}
                    <div class="page-section" style="background:url(../static/assets/images/bg-signup.jpg) no-repeat 100% 50%; background-size:cover;">
                        <div class="container">
                            <div class="row">
                                <div class="section-fullwidth col-lg-12">
                                    <div class="cs-content-holder">
                                        <div class="row">
                                            <div class="signup-area col-lg-12">
                                                <a href="{{ url_for('user.user_registering') }}" class="cs-btn">开始您的众筹之旅</a>
                                                <div class="main-heading">
                                                    <h1>
                                                        立即注册以参加重要的筹集。
                                                    </h1><strong class="title">我们有能力开始改变世界。</strong>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {% endblock %}
                </div>
            </main><!--// Main Content //-->
{#        {% block comment %}#}
{#                {% endblock %}#}

            <!--// Footer Widget //-->
            {% block footer %}
            <footer id="footer-sec">
                <div class="container">
                    <div class="row">
                        <aside class="col-lg-4 col-md-4 col-sm-6 widget widget_categories">
                            <div class="widget-section-title">
                                <strong class="title">Campaigning</strong>
                            </div>
                            <ul>
                                <li>
                                    <a href="#">Contributing</a>
                                </li>
                                <li>
                                    <a href="#">Publishing</a>
                                </li>
                                <li>
                                    <a href="#">Explore Partner Pages</a>
                                </li>
                                <li>
                                    <a href="#">Music</a>
                                </li>
                                <li>
                                    <a href="#">Daily Inspiration</a>
                                </li>
                                <li>
                                    <a href="#">Film and Theatre</a>
                                </li>
                                <li>
                                    <a href="#">Sign Up Now</a>
                                </li>
                                <li>
                                    <a href="#">Food and Drink</a>
                                </li>
                                <li>
                                    <a href="#">Private, secure, spam-free</a>
                                </li>
                                <li>
                                    <a href="#">Sports</a>
                                </li>
                                <li>
                                    <a href="#">School</a>
                                </li>
                            </ul>
                        </aside>
                        <aside class="widget col-lg-4 col-md-4 col-sm-6 widget_categories">
                            <div class="widget-section-title">
                                <strong class="title">Contributing</strong>
                            </div>
                            <ul>
                                <li>
                                    <a href="#">Crowdfunder API - Beta</a>
                                </li>
                                <li>
                                    <a href="#">How crowdfunding works</a>
                                </li>
                                <li>
                                    <a href="#">About</a>
                                </li>
                                <li>
                                    <a href="#">Creating a project</a>
                                </li>
                                <li>
                                    <a href="#">Guides</a>
                                </li>
                                <li>
                                    <a href="#">Supporting a project</a>
                                </li>
                                <li>
                                    <a href="#">Blog</a>
                                </li>
                                <li>
                                    <a href="#">Guidelines</a>
                                </li>
                                <li>
                                    <a href="#">Contact</a>
                                </li>
                                <li>
                                    <a href="#">Jobs</a>
                                </li>
                                <li>
                                    <a href="#">Partners</a>
                                </li>
                            </ul>
                        </aside>
                        <aside class="widget col-lg-4 col-md-4 col-sm-6 widget_newsletter">
                            <div class="widget-section-title">
                                <strong class="title">联系我们</strong>
                            </div>
                                <fieldset>
                                    <input type="text" value="sinyercy@163.com" style="color: #0f0f0f" id="input"><button onclick="copyFn()" class="cs-btn">点击复制</button>
                                    {# js 复制 #}
                                    <script>
                                    function copyFn() {
                                            var e = document.getElementById("input");
                                            e.select();
                                            document.execCommand("Copy");
                                        }
                                    </script>
                                </fieldset><span>Private, secure, spam-free</span>
                        </aside>
                    </div>
                </div>
            </footer><!--// Footer Widget //-->
            {% endblock footer %}


            <!--// CopyRight //-->
            {% block copyright %}
            <div id="copyright">

                <div class="container">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6">
                            <div class="footer_icon">
                                <a href="#"><img src="../static/assets/images/footer-logo.png" alt=""></a>
                            </div>
                            <div class="fnav-area">
                                <nav class="footer-nav">
                                    <ul>
                                        <li>
                                            <a href="{{ url_for('index') }}">Home</a>
                                        </li>
                                        <li>
                                            <a href="#">Categories</a>
                                        </li>
                                        <li>
                                            <a href="#">Showrooms</a>
                                        </li>
                                        <li>
                                            <a href="#">Agents</a>
                                        </li>
                                        <li>
                                            <a href="#">Blog</a>
                                        </li>
                                        <li>
                                            <a href="#">Contact us</a>
                                        </li>
                                    </ul>
                                </nav>
                                <p>
                                    ©2021 Box Theme All rights reserved. Design by <a href="#">Chimp Studio</a>
                                </p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6">
                            <div class="social-media">
                                <ul>
                                    <li>
                                        {% if admin_name %}
                                            <a href="{{ url_for('admin.admin_center') }}"><i class="icon-instagram4"></i></a>
                                        {% else %}
                                            <a href="{{ url_for('admin.admin_logging') }}"><i class="icon-instagram4"></i></a>
                                        {% endif %}
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div><!--// CopyRight //-->
            {% endblock %}


        </div><!-- jQuery (necessary JavaScript) -->

        {% block script %}
            <script src="../static/assets/scripts/jquery.js"></script>
            <script src="../static/assets/scripts/bootstrap.min.js"></script>
            <script src="../static/assets/scripts/modernizr.js"></script>
            <script src="../static/assets/scripts/menu.js"></script>
            <script src="../static/assets/scripts/jquery.flexslider-min.js"></script>
            <script src="../static/assets/scripts/functions.js"></script>
            <script>
            jQuery(window).load(function(){              jQuery('.flexslider').flexslider({                      animation: "slide",                     controlNav: false,                      prevText:"<em class='icon-arrow-left10'><\/em>",                 nextText:"<em class='icon-arrow-right10'><\/em>",                        start: function(slider){                                jQuery('body').removeClass('loading');                  }               });     });
            </script>
        {% endblock %}
    {% endblock %}
    </body>
</html>